<template>
    <div class="us-page">
        <navs/>
        <div class="us">
            <div>
                <div class="title">联系我们</div>
                <div class="title_1">来源：作者： 发布时间:</div>
                <div class="title_2">盖珂珂教授：gaikeke@bit.edu.cn</div>
                <div class="title_3">地址：北京市海淀区中关村南大街5号 邮编：100081</div>
            </div>
        </div>
        <bottom/>
    </div>


   
</template>

<script>
// import navsus from "@/layout/navsus.vue"

import navs from "@/layout/navs.vue"
import background from "@/layout/background.vue"
//import aboutUS from "@/layout/aboutUS.vue"
import bottom from "@/layout/bottom.vue"

export default {
    components: {
        //navsus,
        navs,
        background,
        bottom,
       // aboutUS
    
    }
}

</script>

<style lang="less" scoped>
.us-page{
    height: 100%;
    display: flex;
    flex-direction: column;
    .us {
        flex:1;
        margin-top: 300px;
        margin-bottom: 200px;
        .title {
            display: flex;
            justify-content: center;
            line-height:2.2 ;
            text-indent: 2em;
            font-size: large;
            font-weight: bold;
       
        }
        .title_1 {
            margin-top: 20px;
            display: flex;
            justify-content: center;
            line-height:2.2 ;
            text-indent: 2em;
            font-size: large;
            font-weight: bold;
       
        }
        .title_2 {
            display: flex;
            justify-content: center;
            line-height:2.2 ;
            text-indent: 2em;
            font-size: large;
            font-weight: bold;
       
        }
        .title_3 {
            display: flex;
            justify-content: center;
            line-height:2.2 ;
            text-indent: 2em;
            font-size: large;
            font-weight: bold;
       
        }
}
}


</style>
